/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**/

/*
_______________________________
BASE */
/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**/

/*
_______________________________
RESET */

*
{
	text-decoration:none;
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
}

code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext
{
	font:inherit;
	white-space:normal;
}

a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym
{
	border-width:0;
}

dfn,i,cite,var,address,em
{
	font-style:normal;
}

th,b,strong,h1,h2,h3,h4,h5,h6,dt
{
	font-weight:normal;
}

caption,th,td
{
	text-align:left;
}

html
{
	background:white;
	color:black;
	line-height:1;
	font-family:arial, sans-serif;
}

/* \*/

html
{
	font-family:sans-serif;
}

/* */

q
{
	quotes:"\201C""\201D""\2018""\2019";
}

ul,ol,dir,menu
{
	list-style:none;
}

sub,sup
{
	vertical-align:baseline;
}

a
{
	color:inherit;
}

/*
_______________________________
DISABLE DEPRECATED HTML */

font,basefont
{
	color:inherit;
	font:inherit;
	font-size:100%;
}


center,*[align]
{
	text-align:inherit;
}

s,strike,u
{
	text-decoration:inherit;
}

img
{
	border:none;
	margin:0;
}

ol
{
	list-style-type:decimal;
}

body
{
	background-color:transparent;
}

tr,th,td
{
	width:auto;
	height:auto;
	background-color:transparent;
	vertical-align:inherit;
	border:none;
}

table[border],.content table[border]
{
	border-collapse:separate;
	border-spacing:0;
}

nobr
{
	white-space:normal;
}

marquee
{
	overflow:visible;
	-moz-binding:none;
}

blink
{
	text-decoration:none;
}

/*
_______________________________
GENERAL */

html
{
	font-size:125%;
}

body
{
	font-size:50%;
}

a
{
	text-decoration:underline;
}

strong,th,thead td,h1,h2,h3,h4,h5,h6,dt
{
	font-weight:bold;
}

cite,em,dfn
{
	font-style:italic;
}

code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea
{
	font-size:100%;
	font-family:mono-space,monospace;
}

pre
{
	white-space:pre;
}

pre *
{
	font-size:100%;
	white-space:pre;
}

del
{
	text-decoration:line-through;
}

ins,dfn
{
	border-bottom:1px solid black;
}

small,sup,sub
{
	font-size:85%;
}

big
{
	font-size:125%;
	line-height:80%;
}

abbr,acronym
{
	text-transform:uppercase;
	font-size:85%;
	letter-spacing:.1em;
}

abbr[title],acronym[title],dfn[title]
{
	cursor:help;
	border-bottom:1px dotted black;
}

sup
{
	vertical-align:super;
}

sub
{
	vertical-align:sub;
}

blockquote
{
	padding-left:2.2em;
}

hr
{
	display:none; /* We will re-reset it later for content */
}

:lang(af),:lang(nl),:lang(pl)
{
	quotes:'\201E' '\201D' '\201A' '\2019';
}

:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro)
{
	quotes:'\201E' '\201C' '\201A' '\2018';
}

:lang(da),:lang(hr)
{
	quotes:'\00BB' '\00AB' '\203A' '\2039';
}

:lang(el),:lang(es),:lang(sq),:lang(tr)
{
	quotes:'\00AB' '\00BB' '\2039' '\203A';
}

:lang(en-GB)
{
	quotes:'\2018' '\2019' '\201C' '\201D';
}

:lang(fi),:lang(sv)
{
	quotes:'\201D' '\201D' '\2019' '\2019';
}

:lang(fr)
{
	quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}

*[lang|='en'] q:before
{
	content:'\201C';
}

*[lang|='en'] q:after
{
	content:'\201D';
}

*[lang|='en'] q q:before
{
	content:'\2018';
}

*[lang|='en'] q q:after
{
	content:'\2019';
}

input,select,button
{
	cursor:pointer;
}

input[type='text'],input[type='password']
{
	cursor:text;
}

input[type='hidden']
{
	display:none;
}

/*
_______________________________
CONTENT */

.content
{
	font-size:1.2em;
	line-height:1.6em;
}

.content h1
{
	font-size:1.6em;
	line-height:1;
	margin:1em 0 .5em;
}

.content h2
{
	font-size:1.5em;
	line-height:1;
	margin:1.07em 0 .535em;
}

.content h3
{
	font-size:1.4em;
	line-height:1;
	margin:1.14em 0 .57em;
}

.content h4
{
	font-size:1.3em;
	line-height:1;
	margin:1.23em 0 .615em;
}

.content h5
{
	font-size:1.2em;
	line-height:1;
	margin:1.33em 0 .67em;
}

.content h6
{
	font-size:1em;
	line-height:1;
	margin:1.6em 0 .8em;
}

.content hr
{
	display:block;
	background:black;
	color:black;
	width:100%;
	height:1px;
	border:none;
}

.content ul
{
	list-style:disc outside;
}

.content ol
{
	list-style:decimal outside;
}

.content table
{
	border-collapse:collapse;
}

.content hr,.content p,.content ul,.content ol,.content dl,.content pre, .content address,.content table,.content form
{
	margin-bottom:1.6em;
}

.content p+p
{
	margin-top:-.8em;
}

.content fieldset
{
	margin:.75em 0 .35em;
}

/* \*/

.content legend
{
	padding-left:.8em;
	padding-right:.8em;
}

/* */

@media all and (min-width: 0px) /* for Opera 8 */
{ 
	.content legend
	{
		margin-bottom: .35em;
	}
	.content fieldset
	{
		margin-top:.75;
	}
	.content[class^='content'] fieldset
	{
		margin-top:.75em;
	}
}

.content fieldset>*:first-child
{
	margin-top:0;
}

.content textarea,.content input[type='text']
{
	padding:.1em .2em;
}

.content input
{
	padding:.2em .1em;
}

.content select
{
	padding:.2em .1em 0;
}

.content select[multiple]
{
	margin-bottom:.8em;
}

.content option
{
	padding:0 .4em .1em;
}

.content button
{
	padding:.3em .5em;
}

.content input[type='radio']
{
	position:relative;
	bottom:-.2em;
}

.content dt
{
	margin-top:.8em;
	margin-bottom:.4em;
}

.content ul,.content ol
{
	margin-left:2.2em;
}

.content caption,.content form div
{
	padding-bottom:.8em;
}

.content ul ul,content ol ul,.content ul ol,content ol ol
{
	margin-bottom:0;
}

/*
_______________________________
END */



/*
_______________________________
PLUGINS */

/*
 *   @name visual
 *   @type tripoli plugin
 *
 *   @desc adds several visual details such as link colors, borders, blockquotes, form controls etc.
 *   @author David Hellsing
 *   @version 1.0
 *   @cat plugins
 * 
**/

/*
_______________________________
VISUAL PLUG */

blockquote
{
	color:#666;
}

blockquote > *:first-child:before /* Tripoli bonus: pure CSS blockquote */
{
	content:"\201C";
	font-size:2.5em;
	margin-left:-.62em;
	font-family:georgia,serif;
	padding-right:.2em;
	color:#aaa;
	line-height:0;
}

abbr[title],acronym[title],dfn[title]
{
	border-bottom:1px solid #ccc;
}

ins,dfn
{
	border-bottom-color:#666;
}

del
{
	color:#666;
}

fieldset
{
	border-color:#ccc;
}

textarea,input[type='text'],input[type='password'],select
{
	border:1px solid #ccc;
	background:#fff;
}

fieldset
{
	border:1px solid #ccc;
}

textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover
{
	border-color:#aaa;
}

textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus
{
	outline:2px solid #e4e4e4;
	border-color:#888;
}

.content hr
{
	background:#aaa;
	color:#aaa;
}

.content table
{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

.content th,.content td
{
	border-bottom:1px solid #ddd;
	border-right:1px solid #ccc;
}

.content th,.content td
{
	padding:.8em;
}

a:link
{
	color:#36c;
}

a:visited
{
	color:#99c;
}

a:hover,code,pre
{
	color:#c33;
}

a:active,.a:focus
{
	color:#000;
}

/*
_______________________________
END */
/*
 *   @name type
 *   @type tripoli plugin
 *
 *   @desc adds typographic classes.
 *   @author David Hellsing
 *   @version 1.0
 *   @cat plugins
 *
 *   @example <span class="alt">&amp;</span>
 *   @desc create attractive ampersands
 *
 *   @example <h1><span class="dquo">&#8220;</span>Level 1 heading&#8221;</h1>
 *   @desc move the first quote mark in titles to render outside the hoizontal base line.
 * 
**/

/*
_______________________________
TYPE PLUG */

.alt
{ 
	font-family:"baskerville italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif; 
	font-style:italic;
	font-weight:normal;
}
   
.dquo
{
	margin-left:-.55em;
}

/*
_______________________________
END */



/*
_______________________________
END */

